import './index.css'
import Item from './Item'
import todosStore from '@/store/todosStore'
import {observer} from 'mobx-react'

function List() {
  return (
    <ul className="todo-main">
      {
        todosStore.todos.map(todo => <Item key={todo.id} todo={todo} />)
      }
    </ul>
  )
}

export default observer(List)
